<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
    <!--单独文件作用域是独立的-->
    <!-- <script type="module" src="1.1.js"></script>
    <script type="module" src="1.2.js"></script> -->
    <!---当引入多个hd.js脚本的时候，只执行一次--->
    <!-- <script type="module" src="hd.js"></script>
    <script type="module" src="hd.js"></script>
    <script type="module" src="hd.js"></script> -->

    
</head>
<body>

    
    <script type="module">
        //模块之间可能是存在依赖关系的，但是模块导入，只会导入一次
        //也就是说模块在导入的时候只执行一次解析，之后导入的不会在执行模块代码
        //而使用第一次解析的结果,并且共享数据

        //可以在首次导入的时候完成一些初始化工作
        //如果模块内有后台请求，也只执行一次即可
        
        import {obj} from "./hd.js";
        import {count} from './houdunren.js';
        console.log(count)
    </script>
    
</body>
</html>